<!doctype html>
<html>
	<head>
		<meta charset="utf-8">

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>index</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width; initial-scale=1.0">

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
		<link type="text/css" rel="stylesheet" href="css/com.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<link type="text/css" rel="stylesheet" href="css/index.css"/>
		<link type="text/css" rel="stylesheet" href="font/iconfont.css"/>
	</head>
	<body>
		<div class="com-content">
			<div class="com-header-area" id="js-com-header-area">
				首页
			</div>
			<div class="com-content-area" id="js-com-content-area">
			<!----banner---->
				<div class="page-role home-page">
					<script src="js/jquery.touchslider.min.js"></script>
					<script>
						jQuery(function($) {
							$(window).resize(function() {
								var width = $('#js-com-header-area').width();
								$('.touchslider-item a').css('width', width);
								$('.touchslider-viewport').css('height', 300 * (width / 640));
							}).resize();
							$(".touchslider").touchSlider({
								mouseTouch : true,
								autoplay : true
							});
						});
					</script>
					<div class="touchslider">
						<div class="touchslider-viewport">
							<div class="touchslider-item">
								<a href="topic/739.html"><img src="http://img-cdn2.paixie.net/newspic/20140408/1396940354243f5b.jpg" style="vertical-align:top;"/></a>
							</div>
							<div class="touchslider-item">
								<a href="topic/730.html"><img src="http://img-cdn2.paixie.net/newspic/20140328/1395970986accb4f.jpg" style="vertical-align:top;"/></a>
							</div>
							<div class="touchslider-item">
								<a href="topic/725.html"><img src="http://img-cdn2.paixie.net/newspic/20140331/1396235117d367d2.jpg" style="vertical-align:top;"/></a>
							</div>
							<div class="touchslider-item">
								<a href="topic/733.html"><img src="http://img-cdn2.paixie.net/newspic/20140401/13963430797a3567.jpg" style="vertical-align:top;"/></a>
							</div>
							<div class="touchslider-item">
								<a href="topic/731.html"><img src="http://img-cdn2.paixie.net/newspic/20140404/139657373135668e.jpg" style="vertical-align:top;"/></a>
							</div>
							
						</div>
						<div class="touchslider-navtag">
							<span class="touchslider-nav-item touchslider-nav-item-current"></span>
							<span class="touchslider-nav-item "></span>
							<span class="touchslider-nav-item "></span>
							<span class="touchslider-nav-item "></span>
							<span class="touchslider-nav-item "></span>
						</div>
					</div>
				</div>
				<!---ad-->
				<div class="adBox">
				<a href=""><img src="images/ad.jpg" width="100%" height="auto"></a>
				</div>
				<!--newList--->
				<div class="newList">
					<article>
						<div class="newImg"><img src="images/newthumb.jpg" width="100%;" height="auto">
							<h2>电音重音火花不断</h2>
						</div>
						<div class="newTxt">
							      10月1日，2015迷笛电子音乐节（重型加长版）在苏州吴江区七都镇太湖迷笛营开演。 
								  <p class="t-center">2015-10-03 09:30:41</p>
						</div>
					</article>
					<article>
						<div class="newImg"><img src="images/newthumb.jpg" width="100%;" height="auto">
							<h2>电音重音火花不断</h2>
						</div>
						<div class="newTxt">
							      10月1日，2015迷笛电子音乐节（重型加长版）在苏州吴江区七都镇太湖迷笛营开演。 
								  <p class="t-center">2015-10-03 09:30:41</p>
						</div>
					</article>
					
				</div>
			</div>
		

		</div>
		<!--浮动导航-->
		<div class="fixed-menu">
			<a href=""><i class="iconfont">&#xe614;</i><br />首页</a>
			<a href=""><i class="iconfont">&#xf0008;</i><br />新闻</a>
			<a href=""><i class="iconfont">&#xe60a;</i><br />音乐系统</a>
			<a href=""><i class="iconfont">&#xe636;</i><br />关于我们</a>
		</div>

	</body>
</html>
